<!DOCTYPE html>
<html>
  {{> head}}
  <body class="about">
      {{> headerLight}}
      <main class="page-wrapper">
          <section class="container pt-lg-2 pt-xl-3 pb-3 pb-xl-5 mt-n2 mt-sm-0 mb-2 mb-md-4 mb-lg-5">
              <div class="row pb-xl-3">
                  <div class="col">
                      <h2 class="h1 text-center text-md-start mb-5">{{ t "about.title" }}</h2>
                      <p class="fs-lg text-muted text-md-start mb-2">
                          {{ t "about.text1" }}
                      </p>
                      <p class="fs-lg text-muted text-md-start mb-2">
                          {{ t "about.text2" }}
                      </p>
                      <p class="fs-lg text-muted text-md-start mb-2">
                          {{ t "about.text3" }}
                      </p>
                      <p class="fs-lg text-muted text-md-start mb-4 mb-xl-5">
                          {{ t "about.text4" }}
                      </p>
                      <div class="row pt-2 pt-sm-3 pt-xl-2">
                          <div class="col-md-6 pb-2 pb-xl-0 mb-4 mb-xl-5">
                              <div class="d-flex align-items-start pe-xl-3">
                                  <div class="d-table bg-secondary rounded-3 flex-shrink-0 p-3 mb-3">
                                      <svg viewBox="0 0 1024 1024"
                                           version="1.1"
                                           xmlns="http://www.w3.org/2000/svg" width="40"
                                           height="40">
                                          <path d="M512 0C229.283787 0 0.142041 234.942803 0.142041 524.867683c0 231.829001 146.647305 428.553077 350.068189 497.952484 25.592898 4.819996 34.976961-11.38884 34.976961-25.294314 0-12.45521-0.469203-45.470049-0.725133-89.276559-142.381822 31.735193-172.453477-70.380469-172.453477-70.380469-23.246882-60.569859-56.816233-76.693384-56.816234-76.693385-46.493765-32.58829 3.540351-31.948468 3.540351-31.948467 51.356415 3.71097 78.356923 54.086324 78.356923 54.086324 45.683323 80.19108 119.817417 57.072162 148.993321 43.593236 4.649376-33.91059 17.915029-57.029508 32.50298-70.167195-113.675122-13.222997-233.151301-58.223843-233.1513-259.341366 0-57.285437 19.919806-104.163095 52.678715-140.846248-5.246544-13.265652-22.820334-66.626844 4.990615-138.884127 0 0 42.996069-14.076094 140.760939 53.787741 40.863327-11.644769 84.627183-17.445825 128.177764-17.6591 43.465272 0.213274 87.271782 6.014331 128.135109 17.6591 97.679561-67.906489 140.59032-53.787741 140.59032-53.787741 27.938914 72.257282 10.407779 125.618474 5.118579 138.884127 32.844219 36.683154 52.593405 83.560812 52.593405 140.846248 0 201.586726-119.646798 245.990404-233.663158 258.957473 18.341577 16.208835 34.721032 48.199958 34.721032 97.210357 0 70.167195-0.639822 126.7275-0.639823 143.960051 0 14.033439 9.213443 30.370239 35.190235 25.209005 203.250265-69.527373 349.769606-266.123484 349.769605-497.867175C1023.857959 234.942803 794.673558 0 512 0"
                                                fill="#3E75C3"></path>
                                      </svg>
                                  </div>
                                  <div class="ps-4 ps-sm-3 ps-md-4">
                                      <h3 class="h5 pb-1 mb-2">Github</h3>
                                      <a class="nav-link link-primary text-break" href="https://github.com/xpf0000/PhpWebStudy" target="_blank">https://github.com/xpf0000/PhpWebStudy</a>
                                  </div>
                              </div>
                          </div>
                          <div class="col-md-6 pb-2 pb-xl-0 mb-4 mb-xl-5">
                              <div class="d-flex align-items-start ps-xl-3">
                                  <div class="d-table bg-secondary rounded-3 flex-shrink-0 p-3 mb-3">
                                      <svg viewBox="0 0 1024 1024"
                                           version="1.1"
                                           xmlns="http://www.w3.org/2000/svg" width="40"
                                           height="40">
                                          <path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z"
                                                fill="#C71D23"></path>
                                      </svg>
                                  </div>
                                  <div class="ps-4 ps-sm-3 ps-md-4">
                                      <h3 class="h5 pb-1 mb-2">Gitee</h3>
                                      <a class="nav-link link-primary text-break" href="https://gitee.com/X250881478/BuildPhp" target="_blank">https://gitee.com/X250881478/BuildPhp</a>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </section>
          <section class="position-relative bg-dark py-5">
              <span class="position-absolute top-0 start-0 w-100 h-100" style="background-color: rgba(255, 255, 255, .05)"></span>
              <div class="container position-relative zindex-5 text-center my-xl-3 py-1 py-md-4 py-lg-5">
                  <p class="lead text-light opacity-70 mb-3">{{ t "about.text5" }}</p>
                  <h2 class="h1 text-light pb-3 pb-lg-0 mb-lg-5">{{ t "about.text6" }}</h2>
                  <a href="download.html" class="btn btn-primary shadow-primary btn-lg">{{ t "about.text7" }}</a>
              </div>
          </section>
      </main>
      {{> footer}}
  </body>
</html>
